<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>重庆澳维酒店责任有限公司</title>
<link rel="stylesheet" type="text/css" href="css/ltkj.css"/>
<link rel="stylesheet" type="text/css" href="css/dateRange.css"/>
<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/yanzhen.js" type="text/javascript" charset="utf-8"></script>
<script src="js/dateRange.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="forme-tj">
	<div class="forme-tj-title">精品客房</div>
	<div class="forme-tj-img">
		<img src="images/img55.jpg"/>
		<p>25平米～35平米的精品客房布局紧凑，以温馨整洁为主线。欧式风格极具浪漫典雅，充满设计灵感。房间设备齐全，是您出差、旅行入住的理想之选。</p>
	</div>
	<div class="forme-tj-biaodan">
		<div class="forme-tj-biaodan-title">预定信息</div>
		<div class="ta_date" id="div_date1">
			<span class="date_title" id="date1"></span>
		</div>
		<div class="forme-tj-danjia">
			<span>房费单价：</span>￥403
		</div>
		<script type="text/javascript">
		//			var STATS_START_TIME = '4329148800';
			 var now = new Date();
	        var year = now.getFullYear();       //年
	        var month = now.getMonth() + 1;     //月
	        var day = now.getDate();            //日
	        var clock = year + "-" + month + "-" + day; 
	        var day1=day+1;
	        var daylx=year + "-" + month + "-" + day1;
//				alert(clock);
			var dateRange1 = new pickerDateRange('date1', {
				aRecent90Days : 'aRecent90Days', //最近90天
		//				isTodayValid : true,
				startDate: clock,
				endDate: daylx,
				needCompare : false,
				defaultText : ' 离开 ',
				autoSubmit : false,
				inputTrigger : 'input_trigger1',
				theme : 'ta'
			});
		</script>
		<div class="forme-tj-biaodan-title">入住信息</div>
		<div class="forme-rzxx">
			<form>
				<div class="form_control xm">
					<label>姓名：</label>
			    	<input class="required" placeholder="姓名" type="text" name="email" data-tip="请输入您的姓名" data-valid="isNonEmpty||onlyZh||between:2-5" data-error="姓名不能为空||姓名只能为中文||姓名长度为2-5位">
			    </div>
			    <div class="form_control">
			    	<label class="xb">性别：</label>
			    	<span class="required" data-valid="isChecked" data-error="性别必选" data-type="radio">
			          <input type="radio" name="sex" value="">男
			          <input type="radio" name="sex">女
			      </span>
			    </div>
			    <div class="form_control xm">
			    	<label>身份证号：</label>
			    	<input type="text" class="reg_txt" placeholder="身份证号" titles="请输入您的身份证号！" name="userid" id="username" maxlength="40"  onblur="if(this.placeholder==''){this.placeholder='身份证号';}nunber(this.placeholder);">
			    	<div class="c_red valid_message" id="span_username"></div>
			    </div>
			    <div class="form_control xm">
			    	<label>移动电话：</label>
			    	<input type="text" class="phone" maxlength="11" placeholder="手机号码">
					<div class="error error1 valid_message"></div>
			    </div>
			    <div class="form_control xm">
			    	<label>电子邮箱：</label>
			    	<input class="required" placeholder="邮箱" type="text" name="email" data-tip="请输入您的邮箱" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确">
			    </div>
			    <div class="form_control xm">
			    	<label>其他要求：</label>
			    	<textarea></textarea>
			    </div>
			    <div class="tj">
			      <input type="submit" value="提交订单">
			    </div>
			</form>
		<script src="js/jquery-validate.js"></script>
			<script type="text/javascript">
			  $('form').validate({
			    onFocus: function() {
			      this.parent().addClass('active');
			      return false;
			    },
			    onBlur: function() {
			      var $parent = this.parent();
			      var _status = parseInt(this.attr('data-status'));
			      $parent.removeClass('active');
			      if (!_status) {
			        $parent.addClass('error');
			      }
			      return false;
			    }
			  });
			
			  $('form').on('submit', function(event) {
			    event.preventDefault();
			    $(this).validate('submitValidate'); //return boolean;
			  });
			  </script>
		</div>
	</div>
</div>
</html>
